<template>
  <div class="class-box">
    <van-nav-bar title="币用宝" left-arrow @click-left="onClickLeft" /> 
    <div class="middle-box">
      <img src="../../../static/img/byb.jpg">
      <b>币用宝</b>
      <p class="intro">全球首款区块链应用商店</p>
      <p class="text">下应用、看精华，撸糖果尽在币用宝</p>
    </div>
    <div class="contact-us">
      <h3>联系我们</h3>
      <ul>
        <li><span class="li-text">客服:biyongbao001</span></li>
        <li><span class="li-text">币用宝商务:biyongbao888</span></li>
        <li><span class="li-text">微信公众号:biyongbao001</span></li>
      </ul>
      <h3 style="margin-top:10px">应用上传</h3>
      <ul>
        <li><span class="li-text">应用上传请使用电脑端访问币用宝官网</span></li>
      </ul>
      <span class="byb-address">http:www.byb.world</span>
    </div>
  </div>

</template>

<script>
export default {

  data () {
    return {

    }
  },
  mounted() {
    document.getElementsByClassName("van-tabbar")[0].style = {};
    document.getElementsByClassName("van-tabbar")[0].style.display = "none";
  },
  methods: {
    onClickLeft(){
      this.$router.go(-1)
    },
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .middle-box{
    width:100%;
    border-bottom: solid 1px #f1f1f1;
  }
  .middle-box img{
    display:block;
    width:70px;
    margin:30px auto 10px auto
  }
  .middle-box b{
    display:block;
    font-size:20px;
    color:#000;
    margin-bottom:30px;
    text-align:center
  }
  .middle-box p{
    text-align:center;
    margin-bottom:30px;
  }
  .middle-box .intro{
    color:#000;
    font-size:18px;
  }
  .middle-box .text{
    font-size:14px;
    color:#8c8c8c
  }
  .contact-us{
    width:92%;
    margin:0px auto;
    padding-top:20px;
  }
  .contact-us h3{
    letter-spacing:1px;
    font-size:14px;
    color:#616161;
  }
  .contact-us li{
    height:20px;
    margin-bottom:15px;
    padding-left:20px;
    background:url("../../../static/img/listpoint.jpg") no-repeat 5px 7px;
    background-size:2.5%
  }
  .contact-us li .li-text{

    width:70%;
    display:block;
    float:left;
    font-size:12px;
    color:#a5a5a5;
    line-height:20px;
  }
  .byb-address{
    display:block;
    width:100%;
    padding-left:20px;
    color:#d5b568;
    font-size:12px
  }
</style>
